﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Cementos.com</title>
    <style type="text/css">
        /* Colors */p
        {
            color: #999999;
        }
        small
        {
            color: #999999;
        }
        small a
        {
            color: #1d1d1d;
        }
        .note
        {
            color: #999999;
        }
        .note p
        {
            color: #999999;
        }
        .note a
        {
            color: #1d1d1d;
        }
        #header p, #header a
        {
            color: #FFFFFF;
        }
        #header h1
        {
            color: #FFFFFF;
        }
        #number h1
        {
            color: #FFFFFF;
        }
        #topBox h1
        {
            color: #1d1d1d;
        }
        #topBox small
        {
            color: #999999;
        }
        #footer h1
        {
            color: #FFFFFF;
        }
        #footer h4
        {
            color: #FFFFFF;
        }
        #footer p, #footer a, #footer .email a, #footer .email
        {
            color: #FFFFFF;
        }
        /* Reset */body
        {
            background-color: white;
            background-position: top center;
            background-repeat: repeat;
            margin: 0;
            padding: 0;
        }
        table
        {
            font-family: Arial,Verdana,sans-serif;
        }
        ul, li, tr, td
        {
            margin: 0;
            padding: 0;
            border: none;
        }
        img
        {
            border: none;
        }
        /* Misc */.clear
        {
            clear: both;
        }
        /* Basic */h1, h2, h3, h4, h5
        {
            font-weight: normal;
        }
        small
        {
            font-size: 10px;
        }
        small a
        {
            text-decoration: none;
        }
        small a:hover
        {
            text-decoration: underline;
        }
        /* Header */#header
        {
            height: auto;
            height: 100px;
            width: 660px;
        }
        #header p
        {
            font-size: 17px;
            margin-top: 0;
            margin-bottom: 0;
        }
        #header h1
        {
            font-size: 28px;
            margin-bottom: 0;
        }
        #logo
        {
            padding-left: 14px;
            padding-bottom: 12px;
        }
        #logo h1
        {
            line-height: 22px;
        }
        #date
        {
            padding-bottom: 12px;
        }
        #number
        {
            padding-bottom: 12px;
        }
        #number h1
        {
            font-size: 78px;
            line-height: 64px;
            margin-bottom: 0;
        }
        /* Top Author Box */#topBox h1
        {
            font-size: 18px;
            margin-top: 0;
            margin-bottom: 5px;
        }
        #topBox p
        {
            font-size: 17px;
            line-height: 30px;
            margin-top: 0;
        }
        #topBox small
        {
            font-size: 10px;
        }
        #topBox img
        {
            margin-right: 15px;
        }
        /* Footer */#footer
        {
            height: auto;
            height: 125px;
            width: 660px;
        }
        #footer h4
        {
            font-size: 13px;
            margin-bottom: 0;
        }
        #footer p
        {
            font-size: 12px;
            line-height: 18px;
            margin-top: 0;
            margin-bottom: 0;
            text-decoration: none;
        }
        #footer .contact
        {
            padding-right: 14px;
            padding-top: 12px;
        }
    </style>
</head>
<body>
    <br />
    <table width="660" align="center" cellspacing="0" cellpadding="0">
        <tbody>
            <tr bgcolor="#1d1d1d" id="header" valign="top">
                <td id="logo" align="left" valign="bottom">
                    <h1>
                        <a href="http://www.cementos.com">CEMENTOS<b>.com</b></a></h1>
                    <p>
                        Shopping Cart</p>
                </td>
                <td id="date" align="right" valign="bottom" style="padding-right: 15px;">
                    <p>
                        #MES# #ANIO#</p>
                    <p>
                        Confirmaci&oacute;n de Pedido</p>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                </td>
            </tr>
        </tbody>
    </table>
    <table id="topBox" width="660" align="center" cellspacing="0" cellpadding="0">
        <tbody>
            <tr bgcolor="#eaeaea">
                <td style="width:15px;">
                </td>
                <td style="font-size: 12px;">
					<br />
                    <h1>
                        CLIENTE: #CLIENTE#
                    </h1>
                    <h3>
                        CODIGO DE TRANSACCION : #CODIGO#</h3>
                    <table cellspacing="0" cellpadding="0">
                        <tr>
                            <td>
                                <fieldset style="padding: 5px;">
                                    <legend>Informaci&oacute;n del Pedido: </legend>
                                    <table cellspacing="5" cellpadding="0" style="width: 620px;">
                                        <tr>
                                            <td style="width: 100px;">
                                                Fecha
                                            </td>
                                            <td>
                                                <input type="text" value="#FECHA#" disabled="disabled" readonly="readonly" style="width: 200px;" />
                                            </td>
                                            <td style="width: 100px;">
                                                Departamento
                                            </td>
                                            <td>
                                                <input type="text" value="#DEPARTAMENTO#" disabled="disabled" readonly="readonly" style="width: 200px;" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                Banco
                                            </td>
                                            <td>
                                                <input type="text" value="#BANCO#" disabled="disabled" readonly="readonly" style="width: 200px;" />
                                            </td>
                                            <td>
                                                Nro. Cuenta
                                            </td>
                                            <td>
                                                <b>
                                                    <input type="text" value="#CUENTA#" disabled="disabled" readonly="readonly" style="width: 200px;" /></b>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                Nro. Operaci&oacute;n
                                            </td>
                                            <td>
                                                <input type="text" value="#OPERACION#" disabled="disabled" readonly="readonly" style="width: 200px;" />
                                            </td>
                                            <td>
                                                Fecha Vouche
                                            </td>
                                            <td>
                                                <b>
                                                    <input type="text" value="#FECHA_VOUCHE#" disabled="disabled" readonly="readonly" style="width: 200px;" /></b>
                                            </td>
                                        </tr>
                                    </table>
                                </fieldset>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <fieldset style="padding: 5px;" visible"#VISIBLE#">
                                    <legend>Informaci&oacute;n del Env&iacute;o: </legend>
                                    <table cellspacing="5" cellpadding="0" style="width: 620px;">
                                        <tr>
                                            <td style="width: 100px;">
                                                Provincia
                                            </td>
                                            <td>
                                                <input type="text" value="#PROVINCIA#" disabled="disabled" readonly="readonly" style="width: 200px;" />
                                            </td>
                                            <td style="width: 100px;">
                                                Distrtiro
                                            </td>
                                            <td>
                                                <input type="text" value="#DISTRITO#" disabled="disabled" readonly="readonly" style="width: 200px;" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                Direcci&oacute;n
                                            </td>
                                            <td colspan="3">
                                                <input type="text" value="#DIRECCION#" disabled="disabled" readonly="readonly" style="width: 535px;" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                Referencias
                                            </td>
                                            <td colspan="3">
                                                <input type="text" value="#REFERENCIA#" disabled="disabled" readonly="readonly" style="width: 535px;" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                Costo Flete
                                            </td>
                                            <td colspan="3">
                                                <b>
                                                    <input type="text" value="#DESCRIPCION_FLETE#" disabled="disabled" readonly="readonly" style="width: 535px;" /></b>
                                            </td>
                                        </tr>
                                    </table>
                                </fieldset>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <br />
                                <table cellspacing="0" cellpadding="3" align="Center" rules="rows" border="1" style="color: Black;
                                    background-color: White; border-color: #999999; border-width: 1px; border-style: Solid;
                                    width: 620px; border-collapse: collapse;">
                                    <tr style="color: Black; background-color: #CCCCCC; font-weight: bold; height: 30px;">
                                        <th scope="col">
                                            COD. PRODUCTO
                                        </th>
                                        <th scope="col">
                                            PRODUCTO
                                        </th>
                                        <th scope="col">
                                            CANTIDAD
                                        </th>
                                        <th scope="col">
                                            PRECIO UNIT.
                                        </th>
                                        <th scope="col">
                                            SUB TOTAL
                                        </th>
                                    </tr>
                                    #DETALLE#
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td align="right">
                                <table cellspacing="5" cellpadding="0" style="margin-left: auto; width: 250px;">
                                    <tr>
                                        <td style="width: 120px;">
                                            TOTAL :
                                        </td>
                                        <td>
                                            #TOTAL_BRUTO#
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 120px;">
                                            ENVIO :
                                        </td>
                                        <td>
                                            #TOTAL_ENVIO#
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="border-top: solid 1px Black;">
                                            <h4>
                                                TOTAL NETO :
                                            </h4>
                                        </td>
                                        <td style="border-top: solid 1px Black;">
                                            <h4>
                                                #TOTAL_NETO#</h4>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                        </td>
                                        <td>
                                            <span style="color: Red; font-weight: bold; font-size: 15px;">#DOCUMENTO#</span>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr bgcolor="#eaeaea">
                <td>
                </td>
                <td valign="bottom">
                    <hr />
                    <small>Webmaster - Dep&oacute;sitos Santa Beatriz SAC</small>
                </td>
            </tr>
        </tbody>
    </table>
    <table width="660" align="center" cellspacing="0" cellpadding="0">
        <tbody>
            <tr height="15">
                <td>
                </td>
            </tr>
            <tr bgcolor="#1d1d1d" id="footer" height="100%">
                <td class="contact" align="right" valign="top" height="100%">
                    <p>
                        Administraci&oacute;n de Cementos.com<br />
                        Trujillo - Chiclayo - Piura<br />
                        <b>Email:</b> <span class="email"><a href="mailto:#EMAIL#">#EMAIL#</a></span><br />
                    </p>
                    <br />
                </td>
            </tr>
        </tbody>
    </table>
    <br />
</body>
</html>
